<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>易驰-响应式</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
</head>
<body>
<!-- [if lte IE 8] 
<h1>您的浏览器版本过低</h1>
[endif]-->
<header>
    <div class="top">
        <div class="top-content">
            <span class="tel">Tel:010-6246-6684</span>
            <span class="dz">地址:北京大兴区</span>
        </div>
        <ul>
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
        </ul>
    </div>
    <nav class="main">
        <a href="" class="logo"><img src="img/logo.webp" alt=""></a>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">全部课程</a></li>
            <li><a href="#">师资团队</a></li>
            <li><a href="#">相册</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">博客</a></li>
        </ul>
    </nav>
</header>
<div class="container " >
    <section class="ad owl-carousel">
        <div class="item">
            <picture>
                <source srcset="img/banner1-1.webp" media="(min-width:50em)">
                <source srcset="img/banner1-2.webp" media="(min-width:30em)">
                <img srcset="img/banner1-3.webp" alt="">
            </picture>
        </div>
        <div class="item">
            <picture>
                <source srcset="img/banner2-1.webp" media="(min-width:50em)">
                <source srcset="img/banner2-2.webp" media="(min-width:30em)">
                <img srcset="img/banner2-3.webp" alt="">
            </picture>
        </div>
        <div class="item">
            <picture>
                <source srcset="img/banner3-1.webp" media="(min-width:50em)">
                <source srcset="img/banner3-2.webp" media="(min-width:30em)">
                <img srcset="img/banner3-3.webp" alt="">
            </picture>
        </div>
    </section>
    <section class="fire">
        <div class="fire-content">
            <h1>热门课程</h1>
            <div class="item">
                <a href=""><img src="img/jquery.webp" alt="" width="400px" height="400px"></a>
                <p>
                    <em>jQuery</em><br/>Each-left
                </p>
            </div>
            <div class="item">
                <a href=""><img src="img/jquery.webp" alt=""  width="400px" height="400px"></a>
                <p>
                    <em>jQuery</em><br/>Each-left
                </p>
            </div>
            <div class="item">
                <a href=""><img src="img/jquery.webp" alt=""  width="400px" height="400px"></a>
                <p>
                    <em>jQuery</em><br/>Each-left
                </p>
            </div>
        </div>
    </section>
    <section class="strtive">
        <div class="strtive-content">
            <h1>我们一直在努力</h1>
            <h3>在这里你可以查看我们培训中心的教育资源统计</h3>
            <div class="item">
                <p><span>865,211</span><br/>全球学员</p>
            </div>
            <div class="item">
                <p><span>865,211</span><br/>全球学员</p>
            </div>
            <div class="item">
                <p><span>865,211</span><br/>全球学员</p>
            </div>
            <div class="item">
                <p><span>865,211</span><br/>全球学员</p>
            </div>
            <p>联系我们</p>
        </div>
        
    </section>
</div>
<footer>
   <div class="footer-content ">
        <span>Copyright  2017 易驰教育 | Powered By  易驰教育</span>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">全部课程</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">常见解答</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>   
   </div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/picturefill.js"></script>
<script src="js/main.js"></script>
</body>
</html>